<script setup lang="ts">
import { RouterView } from 'vue-router'
</script>

<template>
  <el-container width="100%" height="100%">
    <el-header width="100%" height="60px">
      <el-menu
        mode="horizontal"
        :router="true"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
      >
        <el-menu-item index="/">首页</el-menu-item>
        <el-menu-item index="/about">关于</el-menu-item>
        <el-menu-item index="/learn">学习TS</el-menu-item>
      </el-menu>
    </el-header>
    <el-main class="app-main">
      <RouterView />
    </el-main>
  </el-container>
</template>

<style scoped></style>
